extends ../layout

block css
    link(rel='stylesheet', href='/css/base/ck_base.css', media='screen')
    link(rel='stylesheet', href='/css/user/ck_user2.css', media='screen')
    link(rel='stylesheet', href='/css/modules/page.css')

block content

    .pageContainer.pt20.mb20
      #studentMenu.pageSidebar
        .wsxx
          .hd
            dl
              dt(clas='pic')
                a(href='#', target='_blank')
                  img(width='40', height='40', title='背后灵16', src='/images/0-0.JPG')
              dd
                .name
                  a.c_666(href='#', target='_blank') 背后灵16
                .set
                  a(href='#', target='_blank') 设置
          .bd
            ul.list
              li.wsxx_2.myCourse
                a.myCourse(href='/user/course') 我的课程
              li.wsxx_4.myTask
                a.myTask(href='/user/work') 我的作业
              li.wsxx_5.myTest
                a.myTest(href='/user/quiz') 我的测验
              li.wsxx_12
                a(href='/user/note') 我的笔记
              li.wsxx_13
                a(href='/user/question') 我的问答
              li.wsxx_9.curr
                a(href='/user/order') 我的订单
              li.wsxx_10.myRefund
                a(href='/user/apply') 退款管理
        // =E wsxx 侧边导航
      .pageContent
        .mcTitle.clearfix
          ul.user_tab1.fl
            li.curr
              a(href='javascript:;') 我的订单
        // =E mcTitle
        .p20.mcSearchBar(style='border:1px solid #ccc;border-top:none;')
          //.pr.mb20.clearfix
          //
            #keyword_search_bar.pr.fl.mr10
              span#ck_prompt_5.iptTips - 请输入课程关键字 -
              input#keyword.form_text(type='text', prompt='- 请输入课程关键字 -', value='')
            a#search_order.a_btn30.fl(href='javascript:;') 搜 索
          .kclb_ext_s
            dl.dl_u_zt.pt20(style='width:auto;')
              dt.fl.mr10 状态：
              dd
                a#s0(href='/user/order') 全部
                a#s1(href='/user/order?state=1') 未付款
                a#s2(href='/user/order?state=2') 已付款
                a#s3(href='/user/order?state=3') 已成功
                a#s4(href='/user/order?state=4') 待评价
                a#s5(href='/user/order?state=5') 退款中
                a#s6(href='/user/order?state=6') 已评价
                a#s7(href='/user/order?state=7') 已关闭
        // =E mcSecrchBar
        .tabBox_wddd.mb20
          table.mcTab(cellspacing='0')
            colgroup
              col(width='120')
              col(width='409')
              col(width='120')
              col(width='120')
              col(width='120')
              col(width='90')
            thead
              tr
                th
                  span.pl20 订单号
                th
                  span.pl140 课程/套餐名称
                th
                  span 价格
                th
                  span 下单时间
                th
                  span 订单状态
                th
                  span 操作
            tbody
              if list
                each val in list
                  tr
                    td
                      .pl20 #{val.num}
                        br
                        a(href='/order/detail/#{val.id}', target='_blank') 订单详情
                    td
                      dl.picTxt.clearfix
                        dt.pic.fl
                          a.pic.fl.mr10(href='/course/detail/#{val.course.id}', target='_blank')
                            img(src='#{val.course.img}', width='80', height='60')
                        dd.fl.ml15
                          a(href='/course/detail/#{val.course.id}', target='_blank') #{val.course.title}
                            em.c_f60
                          .pt5
                            a.openChatWindow(data-is1v1='0', data-courseid='167633', data-sid='5567530') #{val.course.teacher}
                    td
                      span 课程：￥#{val.course.cm_price} 
                      br
                      span 订单：￥#{val.tm_total_fee}
                    td
                      .pr20 #{val.time}
                    td
                      case val.state
                        when '1'
                          span 未付款
                        when '2'
                          span 已付款
                        when '3'
                          span 已成功
                        when '4'
                          span 待评价
                        when '5'
                          span 退款中
                        when '6'
                          span 已评价
                        when '7'
                          span 已关闭  
                    td
                      if val.state > 1 && val.state < 5
                        p
                          a(href='/order/apply/1', target='_blank') 申请退款
                      if val.state == 1 
                        p
                          a(href='/order/pay/1') 确认支付
                      if val.state > 1 && val.state < 7
                        p
                          a(href='/course/study/1', target='_blank') 开始学习

        // =S 翻页 ck_page
        include ../common/page.jade  
        // =E 翻页 ck_page
      // =E pageContent
      s.clearfix
    script.
      $(function () {
      var state = '#{state}';
      if(state){
      $('#s'+state).addClass('curr');
      }else{
      $('#s0').addClass('curr');
      }
      $('.ck-page a').click(function(event){
      event.preventDefault();
      var url = event.target.href;
      if(state){
      url += '&state=' + state;
      }
      window.location.href = url
      });
      });
